<!DOCTYPE html>
	<html>
	<head>
		<title>{$site_seo_title} {$site_name}</title>
		<meta name="keywords" content="{$site_seo_keywords}" />
		<meta name="description" content="{$site_seo_description}">
		<tc_include file="Public:head" />
		<link href="__TMPL__Public/css/slippry/slippry.css" rel="stylesheet">
		<style>
			.caption-wraper{position: absolute;left:50%;bottom:2em;}
			.caption-wraper .caption{
			position: relative;left:-50%;
			background-color: rgba(0, 0, 0, 0.54);
			padding: 0.4em 1em;
			color:#fff;
			-webkit-border-radius: 1.2em;
			-moz-border-radius: 1.2em;
			-ms-border-radius: 1.2em;
			-o-border-radius: 1.2em;
			border-radius: 1.2em;
			}
			.sy-box{position: relative;}
			.sy-pager { position: absolute;bottom: 35px;right: 20px; z-index:20; width: auto;}
			
			
			@media (max-width: 767px){
				.sy-box{margin: 12px -20px 0 -20px;}
				.caption-wraper{left:0;bottom: 0.4em;}
				.caption-wraper .caption{
				left: 0;
				padding: 0.2em 0.4em;
				font-size: 0.92em;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				-ms-border-radius: 0;
				-o-border-radius: 0;
				border-radius: 0;}
			}
		</style>
	</head>
<body class="body-white">
<tc_include file="Public:nav" />

<php>
$home_slides=sp_getslide("indexImg");

$home_slides=empty($home_slides)?$default_home_slides:$home_slides;
</php>
<ul id="homeslider" class="unstyled">
	<foreach name="home_slides" item="vo">
	<li>
		<div class="caption-wraper">
			<div class="caption">{$vo.slide_name}</div>
		</div>
		<a href="{$vo.slide_url}"><img src="{:sp_get_asset_upload_path($vo['slide_pic'])}" alt=""></a>
	</li>
	</foreach>
</ul>
<!--登陆开始  -->
 <div class="container-login">
        <div class="user-login">
        
                 <!-- 登陆-->
                 
                
			
			             <div class="span6 offset3">
                            <div class="tab_log">
                                <ul>
                                    <li class="cur"><a href="#">广告主登录</a></li>
                                    <li><a href="#">流量主登录</a></li>
                                </ul>
                            </div>
                            <form class="form-horizontal J_ajaxForm" action="{:U('user/login/dologin')}" method="post">
                                    
                                <div class="control-group">
                                    <label class="control-label" for="input_username">账号</label>
                                    <div class="controls">
                                        <input id="input_username" name="username" placeholder="请输入用户名或者邮箱" class="span3" type="text">
                                    </div>
                                </div>
            
                                <div class="control-group">
                                    <label class="control-label" for="input_password">密码</label>
                                    <div class="controls">
                                        <input id="input_password" name="password" placeholder="请输入密码" class="span3" type="password">
                                    </div>
                                </div>
            
                                <div class="control-group">
                                    <label class="control-label" for="input_verify">验证码</label>
                                    <div class="controls">
                                        <input id="input_verify" name="verify" placeholder="请输入验证码" class="span2" type="text">
                                        {:sp_verifycode_img('code_len=4&font_size=15&width=100&height=35&charset=1234567890')}
                                	</div>
                                </div>
                                <div class="control-group">
                                    <label class="control-label" for="input_repassword"></label>
                                    <div class="controls">
                                        <label class="checkbox persistent"><input name="terms" value="1" type="checkbox">我同意
                                            <a href="#">网站内容服务条款</a>  |  <a href="{:U('user/login/forgot_password')}">忘记密码</a></label>
                                    </div>
                                </div>
            
                                <div class="control-group">
                                    <label class="control-label" for="input_repassword"></label>
                                    <div class="controls">
                                        <button class="btn btn-primary J_ajax_submit_btn" type="submit">确定</button>
                                        <button class="btn btn-primary " style=" margin-left:25px;" type="button" data_url="{:U('user/register/index')}">现在注册</button>
                                    </div>
                                </div>
            
                                
                            </form>
			             </div>
		             
                 <!--登陆-->
        
        </div>
    </div>    

  
  
</div>
    


<!-- 登陆结束 -->


<style type="text/css">
.pic_foot{width:100%;position:relative; height:60px; }
.pic_bottom {width: 100%;height: 53px;padding-top: 28px;
    position:absolute;
    z-index: 20;
    top:-28px;
    background: url(__TMPL__Public/images/pic_b.png) repeat scroll 0% 0% transparent;
	}
.pic_bottom_in {
    width: 960px;
    height: 53px;
    position: relative;
    margin: 0px auto;
    }	
.center_btn{
	width: 346px;height: 87px;position: absolute;left: 292px;bottom: 0px;cursor: pointer;display: block;
}

</style>

<div class="pic_foot"> 
	<div class="pic_bottom">
		<div class="pic_bottom_in">
		
	<a class="center_btn" >
	<img title="继续查看" alt="继续查看" src="__TMPL__Public/images/center_in.png"></img>
	</a>
		
		</div>

	</div>
</div>
    <link href="__TMPL__Public/css/myindex.css" rel="stylesheet">
<div class="container">
				<div class="middle_title">
		<h2 class="text-center">我们的服务</h1>
		<h4 class="text-center">在微信，微博上，为企业品牌进行权威背书</h3>
	</div>
    <div class="tab_list">
        <ul class="full-filters">
            <li class="current"><a href="#">地方媒体</a></li>
            <li><a href="#">互联网</a></li>
            <li><a href="#">时尚</a></li> 
            <li><a href="#">手机应用</a></li>
            <li><a href="#">名媒名刊</a></li>
            <li><a href="#">汽车财经</a></li>
            <li><a href="#">团购促销</a></li>
        </ul>  
    </div>
    
    
    <div class="content_list">
        <ul class="items">
            <li>
                <div class="l fl">
                    <a href="#"><img src="__TMPL__Public/images/head_media11.jpg"/></a>
                </div>
                <div class="r fr">
                    <h4>应用汇</h4>
                    <div class="memo">新鲜好玩，一触即发！</div>
                    <div class="wxwb"><img src="__TMPL__Public/images/wechat01.jpg"/></div>
                    <div class="num">
                        <div class="pm fl">排名<p>1</p></div>
                        <div class="dyl fr">订阅量<p>500000</p></div>
                    </div>
                </div>
            </li>
            
            <li>
                <div class="l fl">
                    <a href="#"><img src="__TMPL__Public/images/head_media11.jpg"/></a>
                </div>
                <div class="r fr">
                    <h4>应用汇</h4>
                    <div class="memo">新鲜好玩，一触即发！</div>
                    <div class="wxwb"><img src="__TMPL__Public/images/wechat01.jpg"/></div>
                    <div class="num">
                        <div class="pm fl">排名<p>1</p></div>
                        <div class="dyl fr">订阅量<p>500000</p></div>
                    </div>
                </div>
            </li>
            
            <li>
                <div class="l fl">
                    <a href="#"><img src="__TMPL__Public/images/head_media11.jpg"/></a>
                </div>
                <div class="r fr">
                    <h4>应用汇</h4>
                    <div class="memo">新鲜好玩，一触即发！</div>
                    <div class="wxwb"><img src="__TMPL__Public/images/wechat01.jpg"/></div>
                    <div class="num">
                        <div class="pm fl">排名<p>1</p></div>
                        <div class="dyl fr">订阅量<p>500000</p></div>
                    </div>
                </div>
            </li>
            
            <li>
                <div class="l fl">
                    <a href="#"><img src="__TMPL__Public/images/head_media11.jpg"/></a>
                </div>
                <div class="r fr">
                    <h4>应用汇</h4>
                    <div class="memo">新鲜好玩，一触即发！</div>
                    <div class="wxwb"><img src="__TMPL__Public/images/wechat01.jpg"/></div>
                    <div class="num">
                        <div class="pm fl">排名<p>1</p></div>
                        <div class="dyl fr">订阅量<p>500000</p></div>
                    </div>
                </div>
            </li>
            
            <li>
                <div class="l fl">
                    <a href="#"><img src="__TMPL__Public/images/head_media11.jpg"/></a>
                </div>
                <div class="r fr">
                    <h4>应用汇</h4>
                    <div class="memo">新鲜好玩，一触即发！</div>
                    <div class="wxwb"><img src="__TMPL__Public/images/wechat01.jpg"/></div>
                    <div class="num">
                        <div class="pm fl">排名<p>1</p></div>
                        <div class="dyl fr">订阅量<p>500000</p></div>
                    </div>
                </div>
            </li>
            
            
            <li>
                <div class="l fl">
                    <a href="#"><img src="__TMPL__Public/images/head_media11.jpg"/></a>
                </div>
                <div class="r fr">
                    <h4>应用汇</h4>
                    <div class="memo">新鲜好玩，一触即发！</div>
                    <div class="wxwb"><img src="__TMPL__Public/images/wechat01.jpg"/></div>
                    <div class="num">
                        <div class="pm fl">排名<p>1</p></div>
                        <div class="dyl fr">订阅量<p>500000</p></div>
                    </div>
                </div>
            </li>
            
            <li>
                <div class="l fl">
                    <a href="#"><img src="__TMPL__Public/images/head_media11.jpg"/></a>
                </div>
                <div class="r fr">
                    <h4>应用汇</h4>
                    <div class="memo">新鲜好玩，一触即发！</div>
                    <div class="wxwb"><img src="__TMPL__Public/images/wechat01.jpg"/></div>
                    <div class="num">
                        <div class="pm fl">排名<p>1</p></div>
                        <div class="dyl fr">订阅量<p>500000</p></div>
                    </div>
                </div>
            </li>
            
            <li>
                <div class="l fl">
                    <a href="#"><img src="__TMPL__Public/images/head_media11.jpg"/></a>
                </div>
                <div class="r fr">
                    <h4>应用汇</h4>
                    <div class="memo">新鲜好玩，一触即发！</div>
                    <div class="wxwb"><img src="__TMPL__Public/images/wechat01.jpg"/></div>
                    <div class="num">
                        <div class="pm fl">排名<p>1</p></div>
                        <div class="dyl fr">订阅量<p>500000</p></div>
                    </div>
                </div>
            </li>
            
            <div class="clearfix"></div>
        </ul>
    </div>
    <div class="blank"></div>
	
</div>

<div id="about" class="about content-overlay content-section parallax-section">
    <div class="container about_in">
        
        <div class="about_png">
            <div class="h3"> 任务大厅</div>
            <ul class="rw">
                <li>还没有任务哦</li>
                
                
            </ul>
        </div>
        <div class="about_us">
            <div class="h3">
                <b>什么是微营销？</b><br>
            </div>
            <p>
                微信营销是网络经济时代企业营销模式的一种。是伴随着微信的火热而兴起的一种网络营销方式。微信不存在距离的限制，用户注册微信后，可与周围同样注册的“朋友”形成一种联系，订阅自己所需的信息，商家通过提供用户需要的信息，推广自己的产品，从而实现点对点的营销。
            </p> 
            <div class="h3">
                <b>如何做微信公众号营销？</b><br>
            </div>
            <p>
                简单的讲，就是向您的潜在客户推送有价值的广告信息，最终这些客户通过关注您的个人微信号或者企业微信号成为您的粉丝，从而达成交易的粉丝营销过程。
            </p> 
            <p>
                微信公众号可以根据不同行业区域划分，确保您广告的准确投放，完全满足您的微信营销需求，是目前最有效最有针对性的营销手段。
            </p>  
        </div>   
        
    </div>
</div>



<div class="container">
    <div class="middle_title">
		<h2 class="text-center">我们的优势</h1>
		<h4 class="text-center">在微信，微博上，为企业品牌进行权威背书</h3>
	</div>
    
     <div>
       <div class="ys-list fl">
           <div class="list-every">
               <h3>1.最大的微信营销平台</h3>
               <p>收录微信公众号14658个，推广覆盖11亿人次 微信营销的先驱者，具有多年网络推广实战经验</p>
           </div>
           
           <div class="list-every">
               <h3>2.全网最低微信营销价格</h3>
               <p>严格的审核标准，筛选1000个微信公众号 价格全行业最低，整体价格普遍低10%</p>
           </div>
           
           <div class="list-every">
               <h3>3.最专业的精准微信营销</h3>
               <p>专业技术分析，提供有参考价值的微信主数据 专业策划微信营销方案，精准选择公众号营销</p>
           </div>
           
           <div class="list-every">
               <h3>4.五星级的服务标准</h3>
               <p>您只需提供推广需求，其他的交给我们  您购买的不是广告投放， 而是全面的微信营销策划服务</p>
           </div>
       </div>
       <div class="ys-rewei fr">
          <img src="__TMPL__Public/images/liantu.png" />
       </div>
    </div>
	</div>	
		
		<div id="hzlc" class="hzlc content-overlay content-section parallax-section">
    <div class="container ">
        
       <div class="middle_title01">
		  <h3 class="text-center">品牌客户</h3>
		  <h4 class="text-center">BRAND CUSTOMERS</h4>
	   </div>
       <ul class="hz_pic">
           <li><img src="__TMPL__Public/images/hz-img01.png"/></li>
           <li><img src="__TMPL__Public/images/hz-img01.png"/></li>
           <li><img src="__TMPL__Public/images/hz-img01.png"/></li>
           <li><img src="__TMPL__Public/images/hz-img01.png"/></li>
       </ul>
        
        
    </div>
</div>


<div class="container">
    <div class="middle_title">
		<h2 class="text-center">合作流程</h2>
		<h4 class="text-center">在微信，微博上，为企业品牌进行权威背书</h4>
	</div>
       
    <div class="lc">
         <img src="__TMPL__Public/images/lc.png"/>
    </div>
 </div>
   
		
			
				

	</div>
<tc_include file="Public:footer"/>
</div>

<tc_include file="Public:scripts"/>
<script src="__TMPL__Public/js/slippry.min.js"></script>
<script>
$(function() {
	var demo1 = $("#homeslider").slippry({
		transition: 'fade',
		useCSS: true,
		captions: false,
		speed: 1000,
		pause: 3000,
		auto: true,
		preload: 'visible'
	});
	$(".center_btn").click(function() {$("html,body").animate({scrollTop: "580px"},1000);});
});
</script>
<script type="text/javascript">
	$(".tab_log li").click(function(){
		$(this).addClass("cur").siblings().removeClass("cur");

	});


	/*$('.skillbar').each(function() {
		
		var percent = $(this).attr('data-percent');
		console.log(percent);
		
		if ($(this).hasClass( "anim" )) {} 
		
			var randomval = Math.floor(Math.random() * (300 - 50 + 1)) + 50;
			$(this).find('.skillbar-bar').animate({'width': percent+'%',}, 2000,  function(){
				$('.skillbar-percent').delay(randomval).animate({'top':'-28px','opacity':1,'left': percent+'%'}, 500);	
			});
		
	});
	*/
</script>
</body>
</html>
